<template>
  <el-card shadow="hover" style="max-width: 900px; margin: 40px auto; border-radius: 16px;">
    <h2>社区</h2>
    <el-row :gutter="24" style="margin-top: 20px;">
      <el-col :span="12" v-for="post in posts" :key="post.title">
        <el-card shadow="hover" style="border-radius: 16px;">
          <h3>{{ post.title }}</h3>
          <p style="color: #888;">{{ post.content }}</p>
          <el-divider />
          <el-input type="textarea" placeholder="发表评论..." style="margin-bottom: 8px;" />
          <el-button type="primary" size="small" icon="el-icon-edit">发布</el-button>
        </el-card>
      </el-col>
    </el-row>
  </el-card>
</template>

<script setup lang="ts">
const posts = [
  { title: '欢迎来到社区', content: '这里可以交流AI与数据相关话题。' },
  { title: '模型经验分享', content: '欢迎分享你的模型训练经验。' }
]
</script>
